﻿<!DOCTYPE html>
<html lang="en">
<?php
// 启动会话
session_start();
?>

<script>
    function userIsLoggedIn() {
        // 在这里实现用户登录状态的检查逻辑
        // 返回值为布尔值，true 表示用户已登录，false 表示用户未登录
        // 示例：检查用户是否具有有效的登录凭据
        // 这里改为检查会话中的登录状态
        return <?php echo isset($_SESSION['loggedin']) && $_SESSION['loggedin'] ? 'true' : 'false'; ?>;
    }

    // 在页面加载时检查用户登录状态
    window.addEventListener('DOMContentLoaded', function() {
        if (!userIsLoggedIn()) {
            window.location.href = 'Login.php'; // 请将 'login.html' 替换为您实际的登录页面路径
        }
    });
</script>
<head>
    <meta charset="utf-8">
    <meta content="IE=edge" http-equiv="X-UA-Compatible">
    <meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport">

    <!-- ========== SEO ========== -->
    <title>Contact Us</title>
    <meta content="" name="description">
    <meta content="" name="keywords">
    <meta content="" name="author">

    <!-- ========== FAVICON ========== -->
    <link rel="apple-touch-icon-precomposed" href="images/favicon-apple.png" />
    <link rel="icon" href="images/favicon.png">

    <!-- ========== STYLESHEETS ========== -->
    <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">
    <link href="revolution/css/layers.css" rel="stylesheet" type="text/css" />
    <link href="revolution/css/settings.css" rel="stylesheet" type="text/css" />
    <link href="revolution/css/navigation.css" rel="stylesheet" type="text/css" />
    <link href="css/bootstrap-select.min.css" rel="stylesheet" type="text/css">
    <link href="css/animate.min.css" rel="stylesheet" type="text/css">
    <link href="css/famfamfam-flags.css" rel="stylesheet" type="text/css">
    <link href="css/magnific-popup.css" rel="stylesheet" type="text/css">
    <link href="css/owl.carousel.min.css" rel="stylesheet" type="text/css">
    <link href="css/style.css" rel="stylesheet" type="text/css">
    <link href="css/responsive.css" rel="stylesheet" type="text/css">

    <!-- ========== ICON FONTS ========== -->
    <link href="fonts/font-awesome.min.css" rel="stylesheet">
    <link href="fonts/flaticon.css" rel="stylesheet">

    
</head>

<body>

    <div id="smoothpage" class="wrapper">

        <!-- ========== TOP MENU ========== -->
        <div class="top_menu">
            <div class="container">
                <div class="welcome_mssg hidden-xs">
                    欢迎光临青云庭院酒店
                </div>
                <ul class="top_menu_right">
                    <li><i class="fa fa-phone"></i><a href="tel:18475555555"> 1-888-123-4567 </a></li>
                    <li class="email hidden-xxs"><i class="fa fa-envelope-o "></i> <a
                            href="mailto:contact@site.com">contact@site.com</a></li>
                    <li class="language-switcher">
                        <nav class="dropdown">
                            <a href="#" class="dropdown-toggle select" data-hover="dropdown" data-toggle="dropdown">
                                <i class="famfamfam-flag-cn "></i>中国<b class="caret"></b>
                            </a>
                            <ul class="dropdown-menu">
                                <li><a href="#"><i class="famfamfam-flag-us "></i>美国</a></li>
                                <li><a href="#"><i class="famfamfam-flag-de "></i>德国</a></li>
                                <li><a href="#"><i class="famfamfam-flag-jp "></i>日本</a></li>
                                <li><a href="#"><i class="famfamfam-flag-ru "></i>俄罗斯</a></li>
                                <li><a href="#"><i class="famfamfam-flag-fr "></i>法国</a></li>
                                <li><a href="#"><i class="famfamfam-flag-no "></i>挪威</a></li>
                                <li><a href="#"><i class="famfamfam-flag-sg"></i>新加坡</a></li>
                                <li><a href="#"><i class="famfamfam-flag-cn"></i>中国</a></li>
                            </ul>
                        </nav>
                    </li>
                    <?php if (isset($_SESSION['loggedin']) && $_SESSION['loggedin'] === true) : ?>
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-hover="dropdown"><i class="fa fa-user"></i> 欢迎，<?php echo $_SESSION['username']; ?></a>
                        </li>
                        <li><a href="logout.php"><i class="fa fa-sign-out"></i>退出</a></li>
                    <?php else : ?>
                        <li><a href="login.php">登录</a></li>
                        <li><a href="login.php">注册</a></li>
                    <?php endif; ?>
                    <!-- <li><a href="backend01.php">酒店后台</a></li> -->
                    <?php if (isset($_SESSION['loggedin']) && $_SESSION['loggedin'] === true && $_SESSION['role'] !== "顾客") : ?>
                        <li><a href="backend01.php">酒店后台</a></li>
                    <?php endif; ?>
                </ul>
            </div>
        </div>

        <!-- ========== HEADER ========== -->
        <header class="fixed">
            <div class="container">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle mobile_menu_btn" data-toggle="collapse"
                        data-target=".mobile_menu" aria-expanded="false">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="index.php">
                        <img src="images/logo.svg" height="32" alt="Logo">
                    </a>
                </div>
                <nav id="main_menu" class="mobile_menu navbar-collapse">
                    <ul class="nav navbar-nav">
                        <li><a href="index.php" class="navbar-link">首页</a></li>
                        <li><a href="about-us.php" class="navbar-link">关于我们</a></li>
                        <li><a href="room.php" class="navbar-link">客房</a></li>
                        <li><a href="rooms-list.php" class="navbar-link">客房列表</a></li>
                        <li><a href="contact.php" class="navbar-link">联系我们</a></li>
                        <li><a href="blog.php" class="navbar-link">博客</a></li>
                    </ul>
                </nav>
            </div>
        </header>



        <!-- =========== GOOGLE MAP ========== -->
        <div id="map">
            <div id="google-map">
                <button class="button  openmap-btn" id="openStreetView">切换街景</button>
            </div>
            <div id="map-canvas"></div>
        </div>


        <!-- ========== MAIN ========== -->
        <main id="contact_page">
            <div class="container">
                <div class="row">

                    <div class="col-md-8">
                        <div class="main_title a_left">
                            <h2>联系我们</h2>
                        </div>
                        <form id="contact-form-page" name="contact-form" class="inner">
                            <div class="row">
                                <div class="form-group col-md-6">
                                    <input class="form-control" name="name" placeholder="您的姓名" type="text">
                                </div>
                                <div class="form-group col-md-6">
                                    <input class="form-control" name="phone" type="text" placeholder="您的电话号码">
                                </div>
                            </div>
                            <div class="row">
                                <div class="form-group col-md-6">
                                    <input class="form-control" name="email" placeholder="您的电子邮件" type="email">
                                </div>
                                <div class="form-group col-md-6">
                                    <div class="form_select">
                                        <select id="booking-roomtype" name="booking-roomtype" class="form-control"
                                            title="选择房间类型" data-header="房间">
                                            <option value="单人间">单人间</option>
                                            <option value="双人间">双人间</option>
                                            <option value="豪华大床房">豪华大床房</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="form-group col-md-6" style="margin-bottom: 30px !important; padding-bottom: 0px;">
                                    <div class="col-sm-3" style="margin-top: 10px; padding: 0px 30px 0px 0px;">
                                        <label for="inputDate3" class="col-form-label">入住时间</label>
                                    </div>
                                    <div class="col-sm-9" style="padding: 0;">
                                        <input type="date" class="form-control" id="inputDate3" name="checkin_at2">
                                    </div>
                                </div>
                                <div class="form-group col-md-6" style="margin-bottom: 30px!important; padding-bottom: 0px;">
                                    <div class="col-sm-3" style="margin-top: 10px; padding: 0px 30px 0px 0px;">
                                        <label for="inputDate4" class="col-form-label">离开时间</label>
                                    </div>
                                    <div class="col-sm-9" style="padding: 0;">
                                        <input type="date" class="form-control" id="inputDate4" name="checkout_at2">
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <textarea class="form-control" name="message"
                                    placeholder="您的留言将是我们改进的最大动力..."></textarea>
                            </div>
                            <button class="button btn_lg btn_blue btn_full upper" type="submit"><i
                                    class="fa fa-location-arrow"></i>发送消息</button>
                        </form>
                    </div>

                    <div class="col-md-4">
                        <div class="main_title a_left">
                            <h2>联系我们</h2>
                        </div>
                        <ul class="contact-info upper">
                            <li>
                                <span>地址:</span> 苏州,中国
                            </li>
                            <li>
                                <span>邮件:</span> example@site.com, contact@site.com
                            </li>
                            <li>
                                <span>官网:</span> www.site.com
                            </li>
                            <li>
                                <span>电话:</span> +1 (330) <strong>993-443</strong> , +1 (330)
                                <strong>995-445</strong>
                            </li>
                            <li>
                                <span>传真:</span>
                                <strong>+1 123456780</strong>
                            </li>
                        </ul>
                        <div class="social_media">
                            <a class="facebook" href="#"><i class="fa fa-facebook"></i></a>
                            <a class="twitter" href="#"><i class="fa fa-twitter"></i></a>
                            <a class="googleplus" href="#"><i class="fa fa-google-plus"></i></a>
                            <a class="pinterest" href="#"><i class="fa fa-pinterest"></i></a>
                            <a class="linkedin" href="#"><i class="fa fa-linkedin"></i></a>
                            <a class="youtube" href="#"><i class="fa fa-youtube"></i></a>
                            <a class="instagram" href="#"><i class="fa fa-instagram"></i></a>
                        </div>
                    </div>
                </div>
            </div>
        </main>

        <!-- ========== FOOTER ========== -->
        <footer>
            <div class="inner">
                <div class="container">
                    <div class="row">
                        <div class="col-md-3 col-sm-6 widget">
                            <div class="about">
                                <a href="index.php"><img class="logo" src="images/logo.svg" height="32" alt="Logo"></a>
                                <p>“绿树掩映，清风拂面，尽享雅致之旅。欢迎莅临我们的酒店，体验至臻奢华与无与伦比的服务。让我们将您的每一个细节需求化为巧夺天工的菁华。</p>
                                <p>为您营造一个温馨、舒适的家外之家。无论是商务旅行还是休闲度假，我们的酒店始终以您的满意为首要目标。</p>
                            </div>
                        </div>
                        <div class="col-md-3 col-sm-6 widget">
                            <h5>最新消息</h5>
                            <ul class="blog_posts">
                                <li><a href="blog-post.php">在希腊活出你的神话</a> <small>AUGUST 13, 2017</small>
                                </li>
                                <li><a href="blog-post.php">青云庭院图片</a> <small>AUGUST 16, 2017</small>
                                </li>
                                <li><a href="blog-post.php">青云庭院家庭聚会</a> <small>SEPTEMBER 15,
                                        2017</small></li>
                            </ul>
                        </div>
                        <div class="col-md-3 col-sm-6 widget">
                            <h5>相关链接</h5>
                            <ul class="useful_links">
                                <li><a href="#">关于我们</a></li>
                                <li><a href="#">联系我们</a></li>
                                <li><a href="#">历史</a></li>
                                <li><a href="#">图库</a></li>
                                <li><a href="#">位置</a></li>
                            </ul>
                        </div>
                        <div class="col-md-3 col-sm-6 widget">
                            <h5>联系我们</h5>
                            <address>
                                <ul class="address_details">
                                    <li><i class="glyphicon glyphicon-map-marker"></i> 25, Navagio Zakynthos， 希腊
                                    </li>
                                    <li><i class="glyphicon glyphicon-phone-alt"></i> Phone: +86-153-033-038 </li>
                                    <li><i class="fa fa-fax"></i> Fax: 800 123 3456</li>
                                    <li><i class="fa fa-envelope"></i> Email: <a
                                            href="mailto:info@site.com">contact@site.com</a></li>
                                </ul>
                            </address>
                        </div>
                    </div>
                </div>
            </div>
            <div class="subfooter">
                <div class="container">
                    <div class="row">
                        <div class="col-md-6 col-sm-6">
                            <div class="copyrights">
                                Copyright &copy; 2023.Company name All rights reserved
                            </div>
                        </div>
                        <div class="col-md-6 col-sm-6">
                            <div class="social_media">
                                <a class="facebook" data-original-title="Facebook" data-toggle="tooltip" href="#"><i
                                        class="fa fa-facebook"></i></a>
                                <a class="twitter" data-original-title="Twitter" data-toggle="tooltip" href="#"><i
                                        class="fa fa-twitter"></i></a>
                                <a class="googleplus" data-original-title="Google Plus" data-toggle="tooltip"
                                    href="#"><i class="fa fa-google-plus"></i></a>
                                <a class="pinterest" data-original-title="Pinterest" data-toggle="tooltip" href="#"><i
                                        class="fa fa-pinterest"></i></a>
                                <a class="linkedin" data-original-title="Linkedin" data-toggle="tooltip" href="#"><i
                                        class="fa fa-linkedin"></i></a>
                                <a class="instagram" data-original-title="Instagram" data-toggle="tooltip" href="#"><i
                                        class="fa fa-instagram"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </footer>

    </div>

    <!-- ========== BACK TO TOP ========== -->
    <div id="back_to_top">
        <i class="fa fa-angle-up" aria-hidden="true"></i>
    </div>

    <!-- ========== NOTIFICATION ========== -->
    <div id="notification"></div>

    <!-- ========== JAVASCRIPT ========== -->
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <!---<script type="text/javascript" src="http://ditu.google.cn/maps/api/js?key=AIzaSyBDgMJEPio2qomUKV1iqlIufj4u2NVd3q4"></script>--->
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
    <script type="text/javascript" src="js/bootstrap-datepicker.min.js"></script>
    <script type="text/javascript" src="js/bootstrap-select.min.js"></script>
    <script type="text/javascript" src="js/jquery.smoothState.js"></script>
    <script type="text/javascript" src="js/moment.min.js"></script>
    <script type="text/javascript" src="js/morphext.min.js"></script>
    <script type="text/javascript" src="js/wow.min.js"></script>
    <script type="text/javascript" src="js/jquery.easing.min.js"></script>
    <script type="text/javascript" src="js/owl.carousel.min.js"></script>
    <script type="text/javascript" src="js/owl.carousel.thumbs.min.js"></script>
    <script type="text/javascript" src="js/jquery.magnific-popup.min.js"></script>
    <script type="text/javascript" src="js/jPushMenu.js"></script>
    <script type="text/javascript" src="js/isotope.pkgd.min.js"></script>
    <script type="text/javascript" src="js/countUp.min.js"></script>
    <script type="text/javascript" src="js/jquery.countdown.min.js"></script>
    <!-- 自己写的代码 -->
    <script type="text/javascript" src="js/main.js"></script>
    <script src="js/contact.js.js"></script>

</body>

</html>